<template>
    <div class="header">
        <el-header height="90px">
             <img src="@/assets/img/logo.png" class="img"/>
            <!-- <div class="title">通用管理系统</div> -->
            <div>{{name}}</div>
        </el-header>
    </div>
   
</template>


<script>
import{ getTonken } from '@/utils/setTonken'
export default {
    data(){
        return{
            name:''
        }
    },
    created(){
        this.name=getTonken('username')
    }
}
</script>


<style lang="less" scoped>
.header{
    display: block;
    .el-header{
        background-color: #545c64;
        color: #fff;
        line-height:90px;
        display: flex;
        justify-content: space-between;
        .title{
            width: 200px;
            font-size: 24px;
        }
        .img{
           height: 50px;
           width: 60px;
           margin-top: 20px;
           margin-left: 40px;
        }
    }
}
</style>
